import { useNavigate, useParams, useSearchParams } from "react-router-dom";

// 参数传递：useSearchParams 方式
let btn1 = () => {
  //参数传递：方式一
  const navigate = useNavigate();
  navigate("/跳转路径?id=100&age=20");

  // 获取参数
  const [params] = useSearchParams();
  let id = params("id");
};

// 参数传递：params 方式（动态路由）
let btn2 = () => {
  //参数传递：不需要通过?的方式、直接将参数放置在路径上即可
  //注意：该方法需要再，需要配置 path:"/跳转路径/:id"
  const navigate = useNavigate();
  navigate("/跳转路径/1001");

  // 获取参数:通过.语法获取
  const [params] = useParams();
  let id = params.id;
};
